<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航条</title>
    <script>
        function logout(){
            $.ajax({
                url: "http://localhost:8989/dalao/Login/logout",
                type: "post",
                dataType: "json",
                timeout: 5000,
                success: function (data) {
                    if (data.code===200){
                        window.location.replace("sign-in.html");
                    }
                }
            })
        }
    </script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light p-0">
    <button class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
            aria-expanded="false" aria-label="Toggle navigation">
        <i class="ri-menu-3-line"></i>
    </button>
    <div class="iq-menu-bt align-self-center">
        <div class="wrapper-menu">
            <div class="line-menu half start"></div>
            <div class="line-menu"></div>
            <div class="line-menu half end"></div>
        </div>
    </div>
    <div class="collapse navbar-collapse">
        <ul class="navbar-nav ml-auto navbar-list">
            <li class="nav-item">
                <a class="search-toggle iq-waves-effect" href="#"><i class="ri-search-line"></i></a>
                <form action="#" class="search-box">
                    <input type="text" class="text search-input" placeholder="在此处输入以搜索..."/>
                </form>
            </li>
            <li class="nav-item dropdown">
                <a href="#" class="search-toggle iq-waves-effect">
                    <i class="ri-mail-line"></i>
                    <span class="badge badge-pill badge-dark badge-up count-mail">2</span>
                </a>
                <div class="iq-sub-dropdown">
                    <div class="iq-card shadow-none m-0">
                        <div class="iq-card-body p-0 ">
                            <div class="bg-primary p-3">
                                <h5 class="mb-0 text-white">所有消息<small
                                        class="badge  badge-light float-right pt-1">2</small></h5>
                            </div>
                            <a href="#" class="iq-sub-card">
                                <div class="media align-items-center">
                                    <div class="">
                                        <img class="avatar-40 rounded" src="../src/images/user/01.jpg" alt="">
                                    </div>
                                    <div class="media-body ml-3">
                                        <h6 class="mb-0 ">妮克·艾玛·沃森</h6>
                                        <small class="float-left font-size-12">6月13日</small>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="iq-sub-card">
                                <div class="media align-items-center">
                                    <div class="">
                                        <img class="avatar-40 rounded" src="../src/images/user/02.jpg" alt="">
                                    </div>
                                    <div class="media-body ml-3">
                                        <h6 class="mb-0 ">洛勒姆·伊普苏姆·沃森</h6>
                                        <small class="float-left font-size-12">4月20日</small>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="nav-item">
                <a href="#" class="iq-waves-effect"><i class="ri-shopping-cart-2-line"></i></a>
            </li>
            <li class="nav-item">
                <a href="#" class="search-toggle iq-waves-effect">
                    <i class="ri-notification-2-line"></i>
                    <span class="bg-danger dots"></span>
                </a>
                <div class="iq-sub-dropdown">
                    <div class="iq-card shadow-none m-0">
                        <div class="iq-card-body p-0 ">
                            <div class="bg-danger p-3">
                                <h5 class="mb-0 text-white">所有通知<small
                                        class="badge  badge-light float-right pt-1">4</small></h5>
                            </div>
                            <a href="#" class="iq-sub-card">
                                <div class="media align-items-center">
                                    <div class="media-body ml-3">
                                        <h6 class="mb-0 ">收到新订单</h6>
                                        <small class="float-right font-size-12">23小时前</small>
                                        <p class="mb-0">传说很简单</p>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="iq-sub-card">
                                <div class="media align-items-center">
                                    <div class="">
                                        <img class="avatar-40 rounded" src="../src/images/user/01.jpg" alt="">
                                    </div>
                                    <div class="media-body ml-3">
                                        <h6 class="mb-0 ">艾玛·沃森·尼克</h6>
                                        <small class="float-right font-size-12">刚才</small>
                                        <p class="mb-0">95 MB</p>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="iq-sub-card">
                                <div class="media align-items-center">
                                    <div class="">
                                        <img class="avatar-40 rounded" src="../src/images/user/02.jpg" alt="">
                                    </div>
                                    <div class="media-body ml-3">
                                        <h6 class="mb-0 ">新客户加入</h6>
                                        <small class="float-right font-size-12">5天前</small>
                                        <p class="mb-0">乔德尼克</p>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="iq-sub-card">
                                <div class="media align-items-center">
                                    <div class="">
                                        <img class="avatar-40" src="../src/images/small/jpg.svg" alt="">
                                    </div>
                                    <div class="media-body ml-3">
                                        <h6 class="mb-0 ">可用的更新</h6>
                                        <small class="float-right font-size-12">刚才</small>
                                        <p class="mb-0">120 MB</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="nav-item iq-full-screen"><a href="#" class="iq-waves-effect" id="btnFullscreen">
                <i class="ri-fullscreen-line"></i></a></li>
        </ul>
    </div>
    <ul class="navbar-list">
        <li>
            <a href="#" class="search-toggle iq-waves-effect text-white">
                <img id="jpg1" src="../src/images/user/1.jpg" class="img-fluid rounded" alt="user">
            </a>
            <div class="iq-sub-dropdown iq-user-dropdown">
                <div class="iq-card shadow-none m-0">
                    <div class="iq-card-body p-0 ">
                        <div class="bg-primary p-3">
                            <h5 class="mb-0 text-white line-height">你好，尼克·乔恩</h5>
                            <span class="text-white font-size-12">可用</span>
                        </div>
                        <a href="profile.html" class="iq-sub-card iq-bg-primary-hover">
                            <div class="media align-items-center">
                                <div class="rounded iq-card-icon iq-bg-primary">
                                    <i class="ri-file-user-line"></i>
                                </div>
                                <div class="media-body ml-3">
                                    <h6 class="mb-0 ">我的个人资料</h6>
                                    <p class="mb-0 font-size-12">查看个人资料详细信息。</p>
                                </div>
                            </div>
                        </a>
                        <a href="profile-edit.html" class="iq-sub-card iq-bg-primary-success-hover">
                            <div class="media align-items-center">
                                <div class="rounded iq-card-icon iq-bg-success">
                                    <i class="ri-profile-line"></i>
                                </div>
                                <div class="media-body ml-3">
                                    <h6 class="mb-0 ">修改个人资料</h6>
                                    <p class="mb-0 font-size-12">修改你的个人信息。</p>
                                </div>
                            </div>
                        </a>
                        <a href="account-setting.html" class="iq-sub-card iq-bg-primary-danger-hover">
                            <div class="media align-items-center">
                                <div class="rounded iq-card-icon iq-bg-danger">
                                    <i class="ri-account-box-line"></i>
                                </div>
                                <div class="media-body ml-3">
                                    <h6 class="mb-0 ">帐户设置</h6>
                                    <p class="mb-0 font-size-12">管理您的帐户参数。</p>
                                </div>
                            </div>
                        </a>
                        <a href="privacy-setting.html" class="iq-sub-card iq-bg-primary-secondary-hover">
                            <div class="media align-items-center">
                                <div class="rounded iq-card-icon iq-bg-secondary">
                                    <i class="ri-lock-line"></i>
                                </div>
                                <div class="media-body ml-3">
                                    <h6 class="mb-0 ">隐私设置</h6>
                                    <p class="mb-0 font-size-12">控制你的隐私参数。</p>
                                </div>
                            </div>
                        </a>
                        <div class="d-inline-block w-100 text-center p-3">
                            <button class="iq-bg-danger iq-sign-btn" role="button" onclick="logout()">退出
                                <i class="ri-login-box-line ml-2"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</nav>
</body>
</html>